<!DOCTYPE html>
<html>

	<head>
		<meta charset=utf-8">
		<title>SVG homework</title>
		<style>
			.left
			{
				float:left;
			}
		</style>
	</head>


	<body>
		<div class="left">
			<svg id="rectangles" height="750" width="600">
				<!-- The simple rectangle -->
				<rect x="5" y="5" width="400" height="300" 
					style="fill:#AC2B50;
							stroke: #8E0039; stroke-width:3;" />
				<!-- Two rectangles one into another -->
				<rect x="80" y="350" width="400" height="300" 
					style="stroke: #B4F63D; stroke-width:3;"/>
				<rect x="183" y="450" width="200" height="100" 
					style="fill:#AC2B50;
							stroke:#C7F66F; stroke-width:3;"/>
			</svg>
		</div>
		<svg class="left" id="letters" height="1100" width="900">
			<!-- Draw L -->
			<polyline
				points="20,20 20,250 120,250"
				style="stroke: #AC2B50; stroke-width: 2; fill: none;"/> 
			<!-- Draw A -->
			<polyline
				points="140,250 170,20 200,250"
				style="stroke: #AC2B50; stroke-width: 2; fill: none;"/> 
			<line x1="155" y1="135" x2="185" y2="135" style="stroke: #AC2B50; stroke-width:2" />
			<!-- Draw C -->
			<path d="M320,20  a100,100 0 1,0 0,230"
        fill="none" stroke="#AC2B50" stroke-width="2" />
			<!-- Draw H -->
			<path d = "M 360 20 L 360 250 M 360 135 L 400 135 M 400 20 L 400 250" fill = "none" stroke = "#AC2B50" stroke-width = "2"/>
			<!-- Draw O -->
			<circle cx="530" cy="135" r="110" stroke="#AC2B50" stroke-width="2" fill="none" />
			
			<!--Draw M -->
			<path d = "M 20 300 L 20 600 M 20 300 L 90 500 L 160 300 L 160 600" fill = "none" stroke = "#AC2B50" stroke-width = "2"/>
			<!-- Draw I -->
			<path d = "M 200 350 L 200 380 M 200 400 L 240 600" fill = "none" stroke = "#AC2B50" stroke-width = "2"/>
			<!-- Draw N -->
			<path d = "M 310 600 L 260 400 L 380 580 L 365 400 L" fill = "none" stroke = "#AC2B50" stroke-width = "2"/>
			<!-- Draw K -->
			<path d = "M 20 700 L 50 900 M 90 730 L 35 800 L 190 920" fill = "none" stroke = "#AC2B50" stroke-width = "2"/>
			<!-- Draw O -->
			<path d = "M 350 940 L 250 920 L 230 750 L 300 700 L 400 730 L 420 900 L 350 940" fill = "none" stroke = "#AC2B50" stroke-width = "2"/>
			<!-- Draw V -->
			<path d = "M 450 820 L 475 945 L 520 650" fill = "none" stroke = "#AC2B50" stroke-width = "2"/>
		</svg>
	</body>

</html>